<!DOCTYPE html>
<html mip>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <link rel="stylesheet" type="text/css" href="https://c.mipcdn.com/static/v1/mip.css">
    <!--TODO: canonical href需要替换成原页面url-->
    <title>提产品的使用感受和建议 - {$config['site_name']}</title>
   <!--TODO: 替换样式-->
    <style mip-custom>
        <include file="Index:mipCss"/>
        /** single.php */
        .list-nav ul{

        }
        .list-nav li{
            float: left;
            width: 33.3%;
            line-height: 32px;
            text-align: center;
        }
        article h1{
            font-size: 18px;
            margin-bottom: 5px;
            border-bottom: 1px solid #f3f3f3;
            padding-bottom: 5px;
            text-align: center;
        }
        article{
            padding: 5%;
            line-height: 1.8;
            min-height: 350px;
        }

        article .content{
            font-size: 16px;
            margin-bottom: 10px;
            border-bottom: 1px solid #f0f0f0;
            padding-bottom: 10px;

        }

        article strong{
            margin-bottom: 10px;
            font-weight: bold;
        }

        article p{
            line-height: 1.8;
        }
        article img{
            width: inherit;
        }


        .mip-design-footer{
            border-top: 5px solid #f7f7f7;
            padding: 30px 10px;
            text-align: center;
            font-size: 12px;
            background-color: #2b2b2f;
            color: #fff;
        }

        .clr{
            clear: both;
        }
        .btnf{
            margin-top: 10px;
        }
        tr{
            margin-bottom: 10px;
        }
         td input{
             padding: 3px;
         }
        td.tr{
            text-align: right;
        }

    </style>
</head>
<body class="mip-design-body">
<div id="root">
    <include file="Index:mipTop"/>

    <div class="clr"></div>
    <article>
        <h1>您好，我是客服经理，欢迎您给我们提产品的使用感受和建议！</h1>
        <div class="content">
            <form action="" method="post" id="form1" >
                <table width="90%">
                    <tr>
                        <td class="f14 tr" valign="top" style="padding-top: 5px;">建议标题：</td>
                        <td>
                            <input name="title" type="text" id="title" class="input" style="width:100%;" /><span id="titlesTip" class="vt27"></span>
                        </td>
                    </tr>
                    <tr>
                        <td class="f14 tr" valign="top" style="padding-top: 5px;">建议内容：</td>
                        <td>
                                <textarea name="content" rows="2" cols="20" id="content" class="input" style="height:150px;width:100%;">
</textarea><span id="neirongTip" class="vt27"></span>
                        </td>
                    </tr>
                    <tr>
                        <td class="f14 tr" valign="top" style="padding-top: 5px;">联系方式：</td>
                        <td>
                            <input name="contact" type="text" id="contact" class="input" style="width:100%;" /><span id="linksTip" class="vt27"></span>
                        </td>
                    </tr>
                    <tr>
                        <td class="f14 tr" valign="top" style="padding-top: 5px;">验证码：</td>
                        <td>
                            <div class="fl">
                                <input name="verify" type="text" id="verify" class="input" style="width:100%;" />
                            </div>
                            <img src="/Admin.php?m=Public&a=verify" alt="验证码,看不清楚?请点击刷新验证码" id="v" style="cursor: pointer; float: left; margin: 2px 3px 0px 3px;" />
                            <span id="verifyTip"></span>
                        </td>
                    </tr>
                    <tr>
                        <td class="f14 tr">&nbsp;</td>
                        <td>
                            <input type="submit" name="submit" value="确定提交" id="submit" class="btnf" />
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </article>

    <mip-fixed type="gototop">
        <mip-gototop></mip-gototop>
    </mip-fixed>
    <!--百度统计组件，外链mip-stats-baidu.js TODO: 修改token值-->
    <mip-stats-baidu token="ddd20bbaac14b702d0207ff614d9eb6c"></mip-stats-baidu>
    <include file="Index:footer"/>
    <!--mip 运行环境-->
    <script src="https://c.mipcdn.com/static/v1/mip.js"></script>
    <!--分享组件 代码-->
    <script src="https://c.mipcdn.com/static/v1/mip-share/mip-share.js"></script>
    <!--百度统计组件 代码-->
    <script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>
    <script src="https://c.mipcdn.com/static/v1/mip-nav-slidedown/mip-nav-slidedown.js"></script>
    <script src="https://c.mipcdn.com/static/v1/mip-gototop/mip-gototop.js"></script>
    <script src="https://c.mipcdn.com/static/v1/mip-sidebar/mip-sidebar.js"></script>
    <script type="text/javascript">

        function yzsetn() {
            $("#yz").val('');

        }


        // document.getElementById('Button1').disabled="disabled";
        //document.getElementById('Button1').disabled=true;

        $(document).ready(function () {
            //

            $("#v").click(function(){
                var url ="/Admin.php?m=Public&a=verify&t="+ Math.random();
                $(this).attr('src',url);
            });

            $.formValidator.initConfig({ formid: "form1", onerror: function (msg) { checkSubmitFlg = false; }, onsuccess: function () { } });


            /*图片验证*/
            $("#verify").formValidator({ onshow: "请输入验证码,看不清请点击图片刷新验证码", onfocus: "请输入验证码,看不清请点击图片刷新验证码", oncorrect: "验证码正确" }).inputValidator({ min: 1, max: 10, onerror: "验证码错误,请从新输入" })
                .ajaxValidator({
                    type: "get",
                    url: "index.php?m=Public&a=checkVerify&verify="+$('#verify').val(),
                    datatype: "json",
                    success: function (data) {
                        if (data == "1") {
                            return true;
                        }
                        else {
                            return false;
                        }
                    },
                    buttons: $("#submit"),
                    error: function () { alert("服务器没有返回数据，可能服务器忙，请重试"); },
                    onerror: "验证码错误,请从新输入",
                    onwait: "正在对验证码进行合法性校验，请稍候..."
                });

        });




    </script>
</div>
</body>
</html>